<template>
    <div class="dy-main">
      <div class="dy-header">
        <x-header :left-options="{preventGoBack: true,backText: ''}" @on-click-back="back" @on-click-more="showMenus = true">保证金冻结申请</x-header>
      </div>
      <div class="dy-body">
        <group gutter=".01rem">
          <cell title="流水号" :value="test1">23423894</cell>
          <cell title="旅行社名称" :value="test1">携程旅行社</cell>
          <cell title="旅行社编号" :value="test1">XC08576946</cell>
          <cell title="客户账号" :value="test1">6210**** ****2341</cell>
          <cell title="冻结金额" :value="test1">500，000.00</cell>
        </group>
        <group gutter=".15rem">
          <cell title="业务类型" :value="test1">保证金+存款冻结证明</cell>
          <cell title="申请日期" :value="test1">2018-05-01</cell>
          <cell title="业务状态" :value="test1">冻结</cell>
        </group>
         <div class="IdPhoto" @click="downPop = true">
            <div class="line">
              <div class="bg">
                <img src="../../assets/img/EAccount/photo.png" alt="">
              </div>
            </div>
            <p>上传销签证明</p>
        </div>
        <x-button type="default" class="sure" @click.native="toNext">提交</x-button>
        <div class="warm">
          <p></p>
          <p></p>
          <p></p>
        </div>
      </div>
        <div class="warm">
          <p></p>
          <p></p>
          <p></p>
        </div>
      </div>
</template>

<script>
export default{
  data () {
    return {
    }
  },
  methods: {
    back () {
      this.$router.isBack = true
      this.$router ? this.$router.back() : window.history.back()
      // console.log(this.$router.isBack)
    },
    toNext: function (e) {
      this.$router.push({name: 'BringForwardIptResult'})
    },
    getData () {
      let _this = this
      window.WebViewJavascriptBridge.callHandler('nativeRequest',
        JSON.stringify({
          'requstSource': 'internetRequest',
          'url': 'mstep.do?act=business',
          'params': {'method_Name': 'CI009004', 'user_Data': {'cardNo': '5556655', 'payeeName': 'hhh', 'payeeNo': '565654', 'tranAmt': '7.7', 'tranMode': '1', 'mobile': '123123124', 'payPwd': '3333', 'checkMethod': ['ffff', 'ddddd']}}
        }),
        function (response) {
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            _this.requestData = response.data.data[0]
            this.$router.push({name: 'EAccountApproveFailed'})
          } else {
            console.log('fail')
          }
        })
    }
  }
}
</script>

<style scoped lang="less">
  .sure{
    line-height:0.88rem;
    width:6.9rem;
    margin-left: 0.3rem;
    margin-top: 0.49rem;
    background: #EC1B30;
    font-size: 0.3rem;
    border-radius: 0.06rem;
    color: white;
    &.forbiden{
      opacity: .5;
    }
  }
  .post{
    background:#EC1B30;
    color: white;
  }
p.title {
    color: #999;
    margin-left: 0.32rem;
    margin-right: 0.29rem;
    margin-top: 0.38rem;
  }
  .warm{
    width: 100%;
    padding: .36rem .3rem;
    color: #999;
    &>p{
      padding-bottom: .27rem;
    }
  }
  .IdPhoto{
    box-sizing: border-box;
    width: 5.8rem;
    height: 3.4rem;
    margin: .28rem auto;
    padding: 0.29rem 0.55rem;
    background: white;
    p{
      text-align: center;
      padding-top: .26rem;
      font-size: .26rem;
    }
    .line{
      height: 2.3rem;
      border: 1px solid #ccc;
      padding: .21rem;
    }
    .bg{
      background: #fafafa;
      line-height: 1.87rem;
      text-align: center;
      &>img{
        display: inline-block;
        width: 1.1rem;
        height: 0.99rem;
        padding-top: .44rem;
      }
    }
  }
</style>
